<html>
<head>
	<meta charset='utf-8'/>
	<title>www.layabox.com</title>
    <meta name='renderer' content='webkit'>
	<meta name='viewport' content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no'/>
	<meta name='apple-mobile-web-app-capable' content='yes' />
	<meta name='full-screen' content='true' />
	<meta name='x5-fullscreen' content='true' />
	<meta name='360-fullscreen' content='true' />
	<meta http-equiv='expires' content='0' />
	<meta name='laya' screenorientation='landscape' />
	<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
	<meta http-equiv='expires' content='0' />
	<meta http-equiv='Cache-Control' content='no-siteapp' />
	<link rel="stylesheet" href="https://cdn.plyr.io/1.8.2/plyr.css">
<script type="text/javascript">  
function addVideo() {

}   
function playOnMobile() {  
	 
	 //alert("55");
	 //document.getElementById("myVideo").style.display="inline";
	//var theCanvas = document.getElementById("layaCanvas");
	//alert(theCanvas)
	//theCanvas.style.opacity=1;
 	 var myVideo=document.getElementById("myVideo");
alert(myVideo);
 myVideo.play();
myVideo.onclick=function(){
    //if(myVideo.paused){
    	alert("5");
        myVideo.play();
    //}else{
      //  myVideo.pause();
    }
    alert("6");
	//theCanvas.style.background="#00000000";//rgba(0,255,0,0);
  
}
     </script>
</head>
 
<body style='margin:0;overflow:none;overflow-x:hidden;overflow-y:hidden;background-color: #000;'>
 <div  style="position: absolute; z-index: 100004">
 <video preload="none" id="player" autoplay controls crossorigin></video>
 </div>
 <script src="https://cdn.plyr.io/1.8.2/plyr.js"></script>
<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.js"></script>
<script src='Main.max.js' loader='laya'></script>

</body>

</html>